<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>CILI 登陆</title>

  <!--   <link rel="stylesheet" href="D://Gitee/mycili-blog/vueblog/src/main/resources/static/front/css/backend.min.css">
 -->
</head>
<body class=" ">
<!-- loader Start -->
<!-- <div id="loading">
    <div id="loading-center">
    </div>
</div> -->
<!-- loader END -->

<div class="wrapper">
    <section class="login-content">
        <div class="container h-100">
            <div class="row justify-content-center align-items-center height-self-center">
                <div class="col-md-5 col-sm-12 col-12 align-self-center">
                    <div class="sign-user_card">
                        <img src="D://Gitee/mycili-blog/vueblog/src/main/resources/static/front/images/logo.png" class="img-fluid rounded-normal light-logo logo" alt="logo">
                        <h3 class="mb-3">用户登陆</h3>
                        <p>你好时间，给你更多惊喜</p>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="floating-label form-group">
                                    <input value="" id="login-account" class="floating-input form-control" type="text" placeholder=" ">
                                    <label>用户名 / 邮箱 / 手机号</label>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="floating-label form-group">
                                    <input value="" id="login-password" class="floating-input form-control" type="password" placeholder=" ">
                                    <label>密码</label>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="custom-control custom-checkbox mb-3 text-left">
                                    <input type="checkbox" class="custom-control-input" id="remember-me">
                                    <label class="custom-control-label" for="remember-me">记住我</label>
                                </div>
                            </div>
                        </div>
                        <button onclick="alert()" class="btn btn-primary">登陆</button>
                        <a class="btn btn-primary" href="loginByQQ">QQ登陆</a>
                        <p class="mt-3">
                            还有没账户 ？ <a href="javascript:alert()" class="text-primary">去注册</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

 <style>
    .btn-primary {
    color: #fff;
    background-color: #8f93f6;
    border-color: #8f93f6;
    box-shadow: unset;
}
.btn {
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-weight: 400;
    color: #535f6b;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 8px;
}
</style>
</body>
</html>